import Vue from 'vue'
import VueRouter from 'vue-router'
import Index from '@/views/Index'
import News from '@/views/News'
import Sports from '@/views/Sports'
import Indexx from '@/views/second/Indexx'
import Domestic from '@/views/second/Domestic'
import Foreign from '@/views/second/Foreign'
import Tiyu from '@/views/third/Tiyu'
import Tiyuu from '@/views/third/Tiyuu'
import Tiyuuu from '@/views/third/Tiyuuu'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Index,
    },
    {
      path: '/index',
      component: Index,
    },
    {
      path: '/news',
      component: News,
    },
    {
      path: '/sports',
      component: Sports,
      children: [
        {
          path: '/indexx',
          component: Indexx,
        },
        {
          path: '/domestic',
          component: Domestic,
        },
        {
          path: '/foreign',
          component: Foreign,
          children: [
            {
              path: '/tiyu',
              component: Tiyu,
            },
            {
              path: '/tiyuu',
              component: Tiyuu,
            },
            {
              path: '/tiyuuu',
              component: Tiyuuu,
            },
          ],
        },
      ],
    },
  ],
})

export default router
